<template>
    <div class="title">
        <div class="shu"></div>
        <div class="name">{{ props.titleName }}</div>
    </div>
</template>
<script setup>
const props = defineProps(['titleName'])
</script>
<style lang="scss">
.title {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 27px;

    .shu {
        width: 4px;
        height: 23px;
        background-color: #2CA6FF;
    }

    .name {
        margin-left: 13px;
        color: #FFFFFF;
        font-size: 19px;
        line-height: 26px;
        font-weight: 500;
        font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;

    }
}
</style>